<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" href="../css/style.css" />
		<link rel="stylesheet" href="../css/comain.css"/>
		<script src="../js/jquery-1.12.4.js"></script>
		
		<script>
			  $(function(){
           
            $("#footer").load("public_footer.html");

       });
		</script>
	</head>

	<body>
		
		<div class="container">
			<!----顶部----->
			
				<div class="top "></div>
				<div class="top_box">
					<a href="">
						<img src="../images/top_box.png" class="close" style="float:right">
					</a>
					</div>
			
			<!----首页导航----->
			
				<div class="header">
					<div class="left">
						<dl class="l">
							<dt class="l"><img src="../images/home.png"></dt>
							<dd class="l"><a href="#">第五大道首页</a></dd>
						</dl>
						<dl class="l">
							<dt class="l zhuanxian"><img src="../images/home.png"></dt>
							<dd class="l zhuanxian"><a href="#">贵宾专线:400-600-5610</a></dd>
						</dl>
					</div>
					<div class="r right">
						<dl class="l">
							<dt></dt>
							<dd><a href="denglu.html">登录</a></dd>
						</dl>
						<dl class="l">
							<dt class="l"><img src="../images/youli.gif"></dt>
							<dd class="l"><a href="register.html">注册</a></dd>
						</dl>
						<dl class="l">
							<dt></dt>
							<dd class="l"><a href="#">我的第五大道</a></dd>
						</dl>
						<dl class="l">
							<dt></dt>
							<dd><a href="#">帮助中心</a></dd>
						</dl>
						<dl class="l" style="display:none">
							<dt><a href="#">手机版下载</a></dt>
							<dd >
								<ul>
									<li style="line-height:30px;font-size:13px" >
										<img src="../images/qr.jpg">
									</li>
									<li>扫码下载APP</li>
									<li>立即
										<span>赠送50元</span>
									</li>
								</ul>
							</dd>
						</dl>
						
					</div>

				</div>
			
			<div class="w">
				<div class="search">
					<div class="logo l"></div>
					<div class="yijian l"></div>
					<div class="sosuo l">
						<input class="l" type="text" placeholder="爱马仕铂金包" />
						<button value=""><span>搜&nbsp;索</span></button>
						<ul>
							<li class="l"><a href="#">腕表</a></li>
							<li class="l"><a href="#">箱包</a></li>
							<li class="l"><a href="#">阿玛尼</a></li>
							<li class="l"><a href="#">T恤</a></li>
						</ul>
					</div>
					<div class="cart r">
						<dl>
							<dt class="l"><img src="../images/v30cart.png"></dt>
							<dd class="l">购物袋 <span>(0)</span></dd>
							<i>&gt;</i>
						</dl>
					</div>

				</div>
			</div>
			<!----商品分类导航                    ----->
			<div >
				<div class=" nav">
					<ul class="w">
						<li class="l active"><a href="#">商品分类</a></li>
						<li class="l"><a href="#">品牌</a></li>
						<li class="l"><a href="#">最新</a></li>
						<li class="l"><a href="#">女士</a></li>
						<li class="l"><a href="#">男士</a></li>
						<li class="l"><a href="#">生活馆</a></li>
						<li class="l"><a href="#">海外馆</a></li>
						<li class="l"><a href="#">时尚</a></li>
						<li class="l"><a href="#">特惠</a></li>
						<li class="l"><a href="#">礼品区</a></li>
						<li class="l"><a href="#">到店</a></li>

					</ul>
				</div>
			</div>
			
			<!----轮播图----->
			<div class="banner">
				<div class="box">
					<img class="templateright " src="../images/templateright.png">
					<div class="item ">
						<a href="#">
							<img src="../images/lunbo1.jpg" alt="" />
						</a>
					</div>
					<div class="item">
						<a href="#">
							<img src="../images/lunbo2.jpg" alt="" />
						</a>
					</div>
					<div class="item ">
						<a href="#">
							<img src="../images/lunbo3.jpg" alt="" />
						</a>
					</div>
					<div class="item">
						<a href="#">
							<img src="../images/lunbo4.jpg" alt="" />
						</a>
					</div>
					<div class="item">
						<a href="#">
							<img src="../images/lunbo5.jpg" alt="" />
						</a>
					</div>
					<div class="item">
						<a href="#">
							<img src="../images/lunbo6.jpg" alt="" />
						</a>
					</div>
					<div class="item ">
						<a href="#">
							<img src="../images/lunbo7.jpg" alt="" />
						</a>
					</div>
					<img class="templateleft" src="../images/templateleft.png">
				</div>
				<div class="controls">
					<ul class="controls_box">
						<li class="l first active "></li>
						<li class="l"></li>
						<li class="l "></li>
						<li class="l"></li>
						<li class="l"></li>
						<li class="l"></li>
						<li class="l"></li>
					</ul>
				</div>

			</div>
			<!------品牌旗舰店---->
			<div class="w contents">
				<div class="brandship">
					<div class="title">
						<img src="../images/mainx_brandship.png" alt="">
					</div>
					<ul>
						<li class="l">
							<a href="#">
								<img src="../images/brandship1.jpg">
								<!----运动图片未完成----->

								<!----		<div class="brand_box">
									<div class="brand_hide">
					                     <img src="images/brand_hide1.png">
									</div>
								</div>
					--->
								<!----运动图片未完成----->
							</a>
						</li>
						<li class="l">
							<a href="#">
								<img src="../images/brandship2.jpg">
							</a>
						</li>
						<li class="l">
							<a href="#">
								<img src="../images/brandship3.jpg">
							</a>
						</li>
						<li class="l">
							<a href="#">
								<img src="../images/brandship4.jpg">
							</a>
						</li>
						<li class="l">
							<a href="#">
								<img src="../images/brandship5.jpg">
							</a>
						</li>

					</ul>
				</div>
				<!---热门旗舰店----->
				<div class="hotstore">
					<div class="hotstore_title">
						<img src="../images/hotstore_t.jpg" alt="">
					</div>
					<div class="hot_box">
						<ul>
							<li class="l">
								<!-------每个需要加动态效果的图片 第一行---->
								<div class="l hot_item">
									<a href="#">
										<img src="../images/hot1.png" alt="">
									</a>
								</div>
								<div class="l hot_item">
									<a href="#">
										<img src="../images/hot2.png" alt="">
									</a>
								</div>
								<div class="l hot_item">
									<a href="#">
										<img src="../images/hot3.png" alt="">
									</a>
								</div>
								<div class="l hot_item">
									<a href="#">
										<img src="../images/hot4.png" alt="">
									</a>
								</div>
								<div class="l hot_item">
									<a href="#">
										<img src="../images/hot5.png" alt="">
									</a>
								</div>
								<div class="l hot_item">
									<a href="#">
										<img src="../images/hot6.png" alt="">
									</a>
								</div>
								<div class="l hot_item">
									<a href="#">
										<img src="../images/hot7.png" alt="">
									</a>
								</div>
							</li>
							<!-------每个需要加动态效果的图片 第二行---->
							<li class="l">

								<div class="l hot_item">
									<a href="#">
										<img src="../images/hot8.png" alt="">
									</a>
								</div>
								<div class="l hot_item">
									<a href="#">
										<img src="../images/hot9.png" alt="">
									</a>
								</div>
								<div class="l hot_item">
									<a href="#">
										<img src="../images/hot10.png" alt="">
									</a>
								</div>
								<div class="l hot_item">
									<a href="#">
										<img src="../images/hot11.png" alt="">
									</a>
								</div>
								<div class="l hot_item">
									<a href="#">
										<img src="../images/hot12.png" alt="">
									</a>
								</div>
								<div class="l hot_item">
									<a href="#">
										<img src="../images/hot13.png" alt="">
									</a>
								</div>
								<div class="l hot_item">
									<a href="#">
										<img src="../images/hot14.png" alt="">
									</a>
								</div>
							</li>
						</ul>

					</div>
					<!------商场同款---->

				</div>
				<div class="hotsale">
					<div class="hotsale_title">
						<img src="../images/hotsale.jpg" alt="">
					</div>
					<!------商场同款导航 ---------->
					<ul class="hotsale_nav">
						<li class="l active">热卖品牌</li>
						<li class="l">新品推荐</li>
						<li class="l">明星同款</li>
					</ul>
					<div class="hotsale_box">

						<div class="l left">
							<a href="#">
								<img src="../images/hotsale1.1.jpg">
							</a>
						</div>
						<ul class="hotsale_top">
							<li class="l top1">
								<a href="#">
									<div class="hotsale_text">
										<p>GUCCI</p>
										<p>古驰</p>
										<p>￥ 7790.00</p>
									</div>
									<img src="../images/hotsale1.2.jpg">

								</a>
							</li>
							<li class="l top2">
								<a href="#">
									<div class="hotsale_text2 l">
										<p>Chopard</p>
										<p>萧邦</p>
										<p>￥ 49020.00</p>
									</div>
									<img class="l" src="../images/hotsale1.3.jpg">
								</a>
							</li>
							<li class="l top3">
								<a href="#">
									<div class="hotsale_text3">
										<p>Ninin</p>
										<p>￥ 3090.00</p>
									</div>
									<img src="../images/hotsale1.6.jpg">
								</a>
							</li>
						</ul>
						<ul class="hotsale_down l">
							<li class="l down">
								<a href="#">
									<div class="hotsale_text">
										<p>GUCCI</p>
										<p>古驰</p>
										<p>￥ 7790.00</p>
									</div>
									<img src="../images/hotsale1.4.jpg">

								</a>
							</li>
							<li class="l down">
								<a href="#">
									<div class="hotsale_text">
										<p>GUCCI</p>
										<p>古驰</p>
										<p>￥ 7790.00</p>
									</div>
									<img src="../images/hotsale1.5.jpg">

								</a>
							</li>
							<li class=" l down">
								<a href="#">
									<div class="hotsale_text">
										<p>GUCCI</p>
										<p>古驰</p>
										<p>￥ 7790.00</p>
									</div>
									<img src="../images/hotsale1.4.jpg">

								</a>
							</li>
						</ul>
					</div>
				</div>

				<div class="shopingMall">
					<div class="shopingMall_title">
						<img src="../images/shopcenter.jpg" alt="">
					</div>
					<ul class="shopnav">
						<li class="l"><a href="#">经典箱包</a></li>
						<li class="l"><a href="#">经典箱包</a></li>
						<li class="l"><a href="#">经典箱包</a></li>
						<li class="l"><a href="#">经典箱包</a></li>
						<li class="l"><a href="#">经典箱包</a></li>

					</ul>
					<div class=" goodtitle">
						<img src="../images/goodtitle1.jpg" alt="">
						<div class=" rightbtn">
							<a href="#">
								<span class="moretxt">SHOW MORE</span>
								<i class="icon">&gt;&gt;</i>
							</a>
						</div>
					</div>

					<div class=" l contents">
						<div class="l left">
							<ul>

							</ul>

						</div>
						<div class="l middle"></div>
						<div class="l right">
							<ul>
								<li class="l">
									<a href="#"></a>
								</li>
								<li class="l">
									<a href="#"></a>
								</li>
							</ul>
							<ul>
								<li class="l">
									<a href="#"></a>
								</li>
								<li class="l">
									<a href="#"></a>
								</li>
							</ul>
						</div>

					</div </div>
					<div class=" goodtitle">
						<img src="../images/goodtitle1.jpg" alt="">
						<div class=" rightbtn">
							<a href="#">
								<span class="moretxt">SHOW MORE</span>
								<i class="icon">&gt;&gt;</i>
							</a>
						</div>
					</div>

					<div class=" l contents">
						<div class="l left">
							<ul>

							</ul>

						</div>
						<div class="l middle"></div>
						<div class="l right">
							<ul>
								<li class="l">
									<a href="#"></a>
								</li>
								<li class="l">
									<a href="#"></a>
								</li>
							</ul>
							<ul>
								<li class="l">
									<a href="#"></a>
								</li>
								<li class="l">
									<a href="#"></a>
								</li>
							</ul>
						</div>

					</div </div>
					<div class=" goodtitle">
						<img src="../images/goodtitle1.jpg" alt="">
						<div class=" rightbtn">
							<a href="#">
								<span class="moretxt">SHOW MORE</span>
								<i class="icon">&gt;&gt;</i>
							</a>
						</div>
					</div>

					<div class=" l contents">
						<div class="l left">
							<ul>

							</ul>

						</div>
						<div class="l middle"></div>
						<div class="l right">
							<ul>
								<li class="l">
									<a href="#"></a>
								</li>
								<li class="l">
									<a href="#"></a>
								</li>
							</ul>
							<ul>
								<li class="l">
									<a href="#"></a>
								</li>
								<li class="l">
									<a href="#"></a>
								</li>
							</ul>
						</div>

					</div </div>
					<div class=" goodtitle">
						<img src="../images/goodtitle1.jpg" alt="">
						<div class=" rightbtn">
							<a href="#">
								<span class="moretxt">SHOW MORE</span>
								<i class="icon">&gt;&gt;</i>
							</a>
						</div>
					</div>

					<div class=" l contents">
						<div class="l left">
							<ul>

							</ul>

						</div>
						<div class="l middle"></div>
						<div class="l right">
							<ul>
								<li class="l">
									<a href="#"></a>
								</li>
								<li class="l">
									<a href="#"></a>
								</li>
							</ul>
							<ul>
								<li class="l">
									<a href="#"></a>
								</li>
								<li class="l">
									<a href="#"></a>
								</li>
							</ul>
						</div>

					</div </div>
					<div class=" goodtitle">
						<img src="../images/goodtitle1.jpg" alt="">
						<div class=" rightbtn">
							<a href="#">
								<span class="moretxt">SHOW MORE</span>
								<i class="icon">&gt;&gt;</i>
							</a>
						</div>
					</div>

					<div class=" l contents">
						<div class="l left">
							<ul class="goodlink">
								<li class="l"><a href="#">单肩包</a></li>
								<li class="l"><a href="#">手提包</a></li>
								<li class="l"><a href="#">手提斜跨包</a></li>
								<li class="l"><a href="#">手提包</a></li>
								<li class="l"><a href="#">单肩包</a></li>
								<li class="l"><a href="#">手提包</a></li>
								<li class="l"><a href="#">单肩包</a></li>
								<li class="l"><a href="#">手提包</a></li>
								<li class="l"><a href="#">单肩包</a></li>
								<li class="l"><a href="#">手提包</a></li>
							</ul>
							<div class="slider">
								<div class="wrapper">
									<ul class="box">
										<li class="l">
											<a href="#">
												<img class="l" src="../images/li1.png" alt="">
											</a>
											<a href="#">
												<img class="l" src="../images/li1.png" alt="">
											</a>
											<a href="#">
												<img class="l" src="../images/li1.png" alt="">
											</a>
											<a href="#">
												<img class="l" src="../images/li1.png" alt="">
											</a>
										</li>
									</ul>
								</div>
							</div>

						</div>
						<div class="l middle"></div>
						<div class="l right">
							<ul>
								<li class="l">
									<a href="#"></a>
								</li>
								<li class="l">
									<a href="#"></a>
								</li>
							</ul>
							<ul>
								<li class="l">
									<a href="#"></a>
								</li>
								<li class="l">
									<a href="#"></a>
								</li>
							</ul>

						</div>

					</div </div>

					<div class="promotion">
						<div class="promotion_title">
							<img src="../images/promotiontitle.jpg" alt="">
						</div>
						<div class="promotionpic1 l">
							<a href="#">
								<img src="../images/promotion1.jpg" alt="">
							</a>
						</div>
						<div class="promotionpic2 l">
							<a href="#">
								<img src="../images/promotion2.jpg" alt="">
							</a>
						</div>
						<div class="promotionpic3 l">
							<a href="#">
								<img src="../images/promotion3.jpg" alt="">
							</a>
						</div>
						<div class="promotionpic4 l">
							<a href="#">
								<img src="../images/promotion2.jpg" alt="">
							</a>
						</div>
						<div class="promotionpic5 l">
							<a href="#">
								<img src="../images/promotion3.jpg" alt="">
							</a>
						</div>
						<div class="promotionpic6 l">
							<a href="#">
								<img src="../images/promotion1.jpg" alt="">
							</a>
						</div>
						<div class="l">
							<div class="promotionpic7 l">
								<a href="#">
									<img src="../images/1promotionpic.jpg" alt="">
								</a>
							</div>
							<div class="promotionpic8 l">
								<a href="#">
									<img src="../images/1promotionpic.jpg" alt="">
								</a>
							</div>
							<div class="promotionpic9">
								<a href="#">
									<img src="../images/1promotionpic.jpg" alt="">
								</a>
							</div>
							<div class="promotionpic7 l ">
								<a href="#">
									<img src="../images/1promotionpic.jpg" alt="">
								</a>
							</div>
							<div class="promotionpic8 l">
								<a href="#">
									<img src="../images/1promotionpic.jpg" alt="">
								</a>
							</div>
							<div class="promotionpic9 l">
								<a href="#">
									<img src="../images/1promotionpic.jpg" alt="">
								</a>
							</div>
						</div>
					</div class="r promotionpicright">
					<a href="#">
						<img src="../images/1bank.jpg">
					</a>
				</div>
			</div>
			<!--主题内容结束-->
			<!-------footer 开始-->
			
				</div>
				
		
		
	
	</body>
<script src="../js/index.js"></script>
</html>